/*
*滚动条样式
*/
::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性
  //background-color:#f8f8f8;
}
::-webkit-scrollbar {//滚动条的宽度
  width:7px;
  height:7px;
}
::-webkit-scrollbar-thumb {//滚动条的设置
  background-color:#dddddd;
  background-clip:padding-box;
  min-height:28px;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background-color:#bbb;
}

.ant-layout-content{
  min-height: auto;
}
/*fade*/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

/*fade-transform*/
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
}
.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}
.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
a:focus{
  text-decoration: none;
}
.table-page-search-wrapper {

  .ant-form-inline {

    .ant-form-item {
      display: flex;
      margin-bottom: 24px;
      margin-right: 0;

      .ant-form-item-control-wrapper {
        flex: 1 1;
        display: inline-block;
        vertical-align: middle;
      }

      >.ant-form-item-label {
        line-height: 32px;
        padding-right: 8px;
        width: auto;
      }
      .ant-form-item-control {
        height: 32px;
        line-height: 32px;
      }
    }
  }

  .table-page-search-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }

}
.text-success{
  color: #3ba776;
  &:hover{
    color: #3ba776;
  }
}

.text-danger{
  color: #f5222d;
  &:hover{
    color: #f5222d;
  }
}
/**
* ant-table-wrapper
* 覆盖的表格手机模式样式，如果想修改在手机上表格最低宽度，可以在这里改动
*/
.scroll-table{
  .ant-table-wrapper {
    .ant-table-content {
      overflow-y: auto;
    }
    .ant-table-body {
      min-width: 900px;
    }
  }
}

.p-24{
  padding: 24px;
}
.m-24 {
  margin: 24px;
}
.cursor-pointer{
  cursor: pointer;
}
.border{
  font-weight: bolder;
}
.flex{
  display: flex;
}
.justify-center{
  justify-content: center;
}
